<template>
  <div>
    <a-menu-item @click="goBack">
      <arrow-left-outlined style="color: #0083ff" />
      <span>{{ permission.siteName }}</span>
    </a-menu-item>
    <a-sub-menu key="FilmManage">
      <template #title class="pl-[35px]"> <i class="iconfont icon-yingpianguanli"></i><span>影片管理</span> </template>
      <a-menu-item key="FilmList">
        <span>影片列表</span>
      </a-menu-item>
      <a-menu-item key="FilmClass">
        <span>影片分类</span>
      </a-menu-item>
      <a-menu-item key="FilmType">
        <span>影片类型</span>
      </a-menu-item>
      <a-menu-item key="FilmAlbum">
        <span>影片专辑</span>
      </a-menu-item>
      <a-menu-item key="FilmMaker">
        <span>影人列表</span>
      </a-menu-item>
      <a-menu-item key="FilmMakerClassification">
        <span>影人分类</span>
      </a-menu-item>
      <a-menu-item key="RoleManage">
        <span>角色管理</span>
      </a-menu-item>
      <a-menu-item key="AreaManage">
        <span>地区管理</span>
      </a-menu-item>
      <a-menu-item key="FilmArguments">
        <span>影片参数</span>
      </a-menu-item>
    </a-sub-menu>
    <a-sub-menu key="AtlasManage">
      <template #title> <i class="iconfont icon-tujiguanli"></i><span>图集管理</span> </template>
      <a-menu-item key="AtlasList">
        <span>图集列表</span>
      </a-menu-item>
      <a-menu-item key="AtlasClass">
        <span>图集分类</span>
      </a-menu-item>
      <a-menu-item key="AtlasType">
        <span>图集类型</span>
      </a-menu-item>
      <a-menu-item key="AtlasAlbum">
        <span>图集专辑</span>
      </a-menu-item>
    </a-sub-menu>
    <a-sub-menu key="ArticleManage">
      <template #title> <i class="iconfont icon-wenzhangguanli"></i><span>文章管理</span> </template>
      <a-menu-item key="ArticleList">
        <span>文章列表</span>
      </a-menu-item>
      <a-menu-item key="ArticleClass">
        <span>文章分类</span>
      </a-menu-item>
      <a-menu-item key="ArticleType">
        <span>文章类型</span>
      </a-menu-item>
      <a-menu-item key="ArticleAlbum">
        <span>文章专辑</span>
      </a-menu-item>
    </a-sub-menu>
    <a-sub-menu key="TagManage">
      <template #title> <i class="iconfont icon-biaoqianguanli"></i><span>标签管理</span> </template>
      <a-menu-item key="TagList">
        <span>标签列表</span>
      </a-menu-item>
    </a-sub-menu>
  </div>
</template>
<script lang="ts" setup>
import { useRouter } from 'vue-router'
import useStore from '@/stores'
import { nextTick } from 'vue'
const { permission } = useStore()
const router = useRouter()
const goBack = () => {
  permission.setSiderType('ALL')
  nextTick(() => {
    router.push({ name: 'Site' })
  })
}
</script>
<style lang="less">
.ant-menu-submenu .ant-menu-sub .ant-menu-item .ant-menu-title-content {
  padding-left: 2rem;
}
</style>
<style lang="less" scoped>
:deep(.ant-menu-submenu-title) {
  // padding-left: 28px !important;
}
:deep(.ant-menu-submenu) {
  // padding: 0 1px;
}
</style>
